@charset "utf-8";
body,div,ul,ol,li,dl,dt,dd,form,p,th,td,h1,h2,h3{ margin:0; padding:0;}
img{ border:0; vertical-align:middle; width: 100%;}
body,th,td,h1,h2,h3{ font:normal 100% "microsoft yahei",Tahoma, Geneva, sans-serif; color:#454545;}
html{ height:100%; _background:url(about:black) no-repeat fixed;}
body{font-size: 62.5%;}
.clear{clear: both;}
.main{width: 100%; height: auto; overflow-x: hidden;}
.page1{width: 100%; height: 100%; position: relative; background: #e8e8e8;}
.page1 .head{width: 100%; height: auto; color: #ffffff; position: fixed; top: 0; left: 0;}
.page1 .head .head_bg{width: 100%; height: auto;  background: #536a7f; opacity: 0.8; filter: alpha(opacity=80);}
.page1 .head .font1{width: 89%; height: auto; min-height: 1.0em; line-height: 1.0em; padding: 1em 6%; font-size: 2.0em; position: absolute; top: 0; left: 0;}
.page1 .head .font2{width: 89%; height: auto; line-height: 1.25em; padding: 0.1em 6%; font-size: 2.0em; position: absolute; top: 0; left: 0;}
.page1 .homeImg{width: 100%; height: auto; margin: 0 auto;}
.page1 .bottom{width: 100%; height: auto; text-align: center; position: fixed; bottom: 0; left: 0; cursor: pointer;}
.page1 .bottom .bottom_bg{width: 100%; height: auto;  background: #536a7f; opacity: 0.8; filter: alpha(opacity=80);}
.page1 .bottom img{width: 7.3%; height: auto; padding: 1.8em 0; position: absolute; top: 0; left: 50%; margin-left: -3.65%;}
.page2{width: 100%; background: #ffffff; position: relative; color: #000000; display: none;}
.page2 .head{width: 100%; height: auto; padding: 2.0em 0; text-align: center; background: #e8e8e8; position: absolute; top: 0; left: 0;}
.page2 .head img{width: 12.5%; height: auto;}
.page2 .head .praise{width: 6em; height: 2.2em; float: right; margin-right: 7em; position: absolute; bottom: 1.5em; right: 0; overflow: hidden;}
.page2 .head .praise .praise_bg{width: 6em; height: 2.2em;}
.page2 .head .praise .praise_font{width: 100%; line-height: 1.1em; font-size: 2.0em; text-align: center; color: #ffffff; overflow: hidden; position: absolute; top: 0;}
.page2 .head .praise_img{width: 4.0em; height: auto; float: right; margin-right: 1.5em; position: absolute; bottom: 1.5em; right: 0;}
.page2 .title{width: 93%; height: auto; line-height: 1.2em; padding: 0.2em 6% 0.1em 6%; font-size: 2.0em; color: #ffffff; background: #536a7f;}
.page2 .tag{width: 92%; margin-top: 1.6em; padding: 0 4%; color: #000000;}
.page2 .tag .imgDiv{width: 6.0%; height: auto; float: left;}
.page2 .tag .font{width: auto; height: auto; line-height: 1.22em; font-size: 1.82em; float: right;}
.page2 .solidLine{ width: 92%; height: 2px; line-height: 2px; font-size:0; background:#000000; margin-left: 4%; margin-top: 19px;}
.page2 .infoTitle{width: 92%; height: auto; line-height: 1.0em; padding: 1.05em 4%; padding-bottom: 0; font-size: 2.0em; text-align: center;}
.page2 .info{width: 92%; height: auto; line-height: 1.6em; padding: 0.8em 4%; font-size: 1.80em;}
.page2 .solidLine2{ width: 92%; height: 1px; line-height: 1px; font-size:0; background:#000000; margin-left: 4%;}
.page2 .message{width: 92%; height: auto; line-height: 1.1em; padding: 2.0em 4%;}
.page2 .message .message_t{width: 100%; line-height: 1.1em; font-size: 2.2em;}
.page2 .message .item{width: 100%; height: auto; margin-top: 2.0em;}
.page2 .message .item .faceImg{width: 13.8%; float: left;}
.page2 .message .item .msg{width: auto; height: auto; float: right;}
.page2 .message .item .msg .name{width: auto; line-height: 1.2em; font-size: 1.4em; color: #536a7f; float: left;}
.page2 .message .item .msg .time{width: 8.0em; line-height: 1.2em; font-size: 1.4em; color: #666666; float: right; text-align: right;}
.page2 .message .item .msg .content{width: 100%; line-height: 1.2em; font-size: 1.4em; color: #000000; margin-top: 0.8em;}
.page2 .participant{width: 92%; height: auto; line-height: 1.1em; padding: 2.0em 4%;}
.page2 .participant .participant_t{width: 100%; line-height: 1.1em; font-size: 2.2em;}
.page2 .participant .item{width: 12.5%; height: auto; margin-top: 2.0em; float: left; margin-right: 4.5%;}
.page2 .participant .item .faceImg{width: 100%; height: auto;}
.page2 .participant .item .name{width: 100%; height: auto; line-height: 1.1em; font-size: 1.4em; color: #536a7f; text-align: center;}

.page2 .spaceLine{width: 100%; height: 8.0em;}
.page2 .bottom{width: 100%; height: auto; position: fixed; bottom: 0; left: 0;}
.page2 .bottom img{width: 100%; height: auto;}
.page2 .bottom .download{width: 27%; height: auto; position: absolute; top: 50%; right: 4%;}










